<template>
  <div class="container">
    <!-- 左侧导航栏 -->
    <div class="bannerLeft">
      <el-row class="tac">
        <el-col :span="12">
          <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            
          >
            <el-menu-item index="1">
              <i class="el-icon-menu"></i>
              <router-link slot="title" to="/Custom/list?lx=my" :attri="handle">我的客户</router-link>
            </el-menu-item>
            <el-menu-item index="2">
              <i class="el-icon-menu"></i>
              <router-link slot="title" to="/Custom/list">全部客户</router-link>
            </el-menu-item>
            
            <el-menu-item index="3">
              <i class="el-icon-setting"></i>
              <span slot="title">
                <router-link to="/Custom/handle">增加客户</router-link>
              </span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </div>
    <!-- 右侧详细信息 -->
    <div class="contentRight">
        
        <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  computed:{
    handle(){
            console.log(this.$route);
            return this.$route
        }
  }


};
</script>

<style scoped>
.el-col.el-col-12 {
  width: 200px;
}

.el-col.el-col-12 ul{
    display: flex;
    flex-direction: column;
    height: 868px;
    
}

.el-col.el-col-12 ul li{
    margin-bottom: 35px;
}
.container{
    position: relative !important;
}
.container .contentRight{
    width: 1070px;
    height: 850px;
    position: absolute;
    left: 200px;
    top: 0;
}

</style>